<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>聚美优品,我为自己代言(狗头)</title>
    <link rel="stylesheet" href="../css/reset.css" />
    <link rel="stylesheet" href="../css/home-style.css" />
    <link rel="stylesheet" href="../lib/swiper-min.css">
    <link rel="icon" href="../img/mei.png" />
  </head>
  <body style="font-family:仿宋">
    <!-- 头部导航区域 -->
    <div id="header">
      <div class="header-con">
        <div class="head-one">
          <span>欢迎来到聚美优品!</span>
          <span>请登录</span>
          <span>快速注册</span>
          <span>订单查询</span>
          <span>收藏的品牌</span>
          <!-- <span>我的聚美</span> -->
          <div class="menuDiv">
            <ul>
                <li>
                    <a href="#">我的聚美⭐</a>
                    <ul>
                        <li><a href="#">我的订单</a></li>
                        <li><a href="#">我的现金券</a></li>
                        <li><a href="#">我的红包</a></li>
                        <li><a href="#">我的红包</a></li>
                    </ul>
                </li> 
              </div>
          <span>手机聚美&nbsp;&nbsp;|</span>
          <div class="menuDiv">
            <ul>
                <li>
                    <a href="#">更多⭐</a>
                    <ul>
                        <li><a href="#">我的订单</a></li>
                        <li><a href="#">我的现金券</a></li>
                        <li><a href="#">我的红包</a></li>
                        <li><a href="#">我的红包</a></li>
                    </ul>
                </li> 
              </div>
        </div>
      </div>
      </div>
    </div>
        <div id="header1">
          <div class="header1-con">
            <div class="head-two">
              <div class="two1"></div>
              <div class="two2">
                <input type="text">
                <button type="submit">搜索</button>
                <!-- <span>搜索</span> -->
                <li>保湿│</li>
                <li>面膜│</li>
                <li>洗面奶│</li>
                <li>补水│</li>
                <li>香水│</li>
                <li>眼霜│</li>
                <li>口红│</li>
                <li>护肤套装│</li>
                <li>BB霜</li>
              </div>
              <span class="car">去购物车结算&nbsp;^ </span>
            </div>
          </div>
          </div>
        </div>
   
    <!-- 广告通栏 -->
    <div id="nav">
      <div class="nav-con">
        <li>首页</li>
        <li>极速免税店</li>
        <li>母婴特卖</li>
        <li id="list-btn">美妆商城⭐</li>
        <div class="box-shadow" id="head-sub">
          <div class="imgList">
            <i>
              <img src="../img/go.jpg" alt="">
            </i>
            <i>
              <img src="../img/go2.jpg" alt="">
            </i>
          </div>
          <div class="List-">
            <dl style="border-left: none;">
                <dt class="item-png">
                  <a>国际大牌</a>
                </dt>
                <dd>
                  <a>兰蔻</a>
                </dd>
                <dd>
                  <a>兰蔻</a>
                </dd>
                <dd>
                  <a>兰蔻</a>
                </dd>
                <dd>
                  <a>兰蔻</a>
                </dd>
                <dd>
                  <a>兰蔻</a>
                </dd>
                <dd>
                  <a>兰蔻</a>
                </dd>
                <dd>
                  <a>兰蔻</a>
                </dd>
                <dd>
                  <a>兰蔻</a>
                </dd>
                <dd>
                  <a>兰蔻</a>
                </dd>
                <dd>
                  <a>兰蔻</a>
                </dd>
              </dl>
            <dl>
              <dt class="hufu">
                <a>护肤</a>
              </dt>
              <dd>
                <a>洁面</a>
              </dd>
              <dd>
                <a>洁面</a>
              </dd>
              <dd>
                <a>洁面</a>
              </dd>
              <dd>
                <a>洁面</a>
              </dd>
              <dd>
                <a>洁面</a>
              </dd>
              <dd>
                <a>洁面</a>
              </dd>
              <dd>
                <a>洁面</a>
              </dd>
              <dd>
                <a>洁面</a>
              </dd>
            </dl>
            <dl>
              <dt class="hufu">
                <a>护肤</a>
              </dt>
              <dd>
                <a>洁面</a>
              </dd>
              <dd>
                <a>洁面</a>
              </dd>
              <dd>
                <a>洁面</a>
              </dd>
              <dd>
                <a>洁面</a>
              </dd>
              <dd>
                <a>洁面</a>
              </dd>
              <dd>
                <a>洁面</a>
              </dd>
              <dd>
                <a>洁面</a>
              </dd>
              <dd>
                <a>洁面</a>
              </dd>
            </dl>
          <dl style="border-left: none;">
            <dt class="caizhuang">
              <a>卸妆</a>
            </dt>
            <dd>
              <a>BB霜</a>
            </dd>
            <dd>
              <a>BB霜</a>
            </dd>
            <dd>
              <a>BB霜</a>
            </dd>
            <dd>
              <a>BB霜</a>
            </dd>
            <dd>
              <a>BB霜</a>
            </dd>
            <dd>
              <a>BB霜</a>
            </dd>
            <dd>
              <a>BB霜</a>
            </dd>
            <dd>
              <a>BB霜</a>
            </dd>
          </dl>
            <dl >
            <dt class="xiangfen">
              <a>香氛</a>
            </dt>
            <dd>
              <a>女士香水</a>
            </dd>
            <dd>
              <a>女士香水</a>
            </dd>
            <dd>
              <a>女士香水</a>
            </dd>
            <dd>
              <a>女士香水</a>
            </dd>
            <dd>
              <a>女士香水</a>
            </dd>
            <dd>
              <a>女士香水</a>
            </dd>
            </dl>
            <dl>
              <dt class="man">
                <a>男士专区</a>
              </dt>
              <dd>
                <a>洁面</a>
              </dd>
              <dd>
                <a>洁面</a>
              </dd>
              <dd>
                <a>洁面</a>
              </dd>
              <dd>
                <a>洁面</a>
              </dd>
              <dd>
                <a>洁面</a>
              </dd>
              <dd>
                <a>洁面</a>
              </dd>
              <dd>
                <a>洁面</a>
              </dd>
              </dl>
          </div>
        </div>
        <li>国际轻奢</li>
        <li>品牌专场</li>
        <img src="../img/true_03.jpg" alt="" />
      </div>
      
    </div>
    <!-- 轮播图 -->
    <div id="Lbt">
      <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><img src="../img/lb1.jpg" alt=""></div>
            <div class="swiper-slide"><img src="../img/lb2.jpg" alt=""></div>
            <div class="swiper-slide"><img src="../img/lb3.jpg" alt=""></div>
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>
        <!-- 如果需要导航按钮 -->
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>
        
        <!-- 如果需要滚动条 -->
        <div class="swiper-scrollbar"></div>
    </div>
  </div>
    <!-- 化妆品区域 -->
    <div id="main">
<div class="main-con">
  <div class="main-box">
    <div class="main1">
      <h2>每日必看 MUST CHECK OUT</h2>
      <span>今日上新单品</span>
    </div>
    <div class="main2">
      <span>HOT DEALS TODAY</span>
      <p>每日十点上新</p>
    </div>
    </div>
    <div class="main_center">
    <div class="center_box">
      <div id="box">
        <div class="txt">秒杀倒计时</div>
        <p>距离当晚 00:00 秒杀仅剩</p>
        <div class="hour"></div>
        <span class="h_m">:</span>
        <div class="minute"></div>
        <span class="m_s">:</span>
        <div class="second"></div>
    </div>
    </div>
<div class="center_box">
  <img src="../img/2.jpg" alt="">
  <span id="textO">且看我诸葛亮如何指点江山吧！！！嗷呜嗷呜嗷呜~</span>
    <span id="textY">￥209即可获取秘籍</span>
  </div>

  <div class="center_box">
    <img src="../img/3.jpg" alt="">
    <span id="textO">且看我诸葛亮如何指点江山吧！！！嗷呜嗷呜嗷呜~</span>
      <span id="textY">￥209即可获取秘籍</span>
    </div>

<div class="center_box">
  <img src="../img/4.jpg" alt="">
  <span id="textO">且看我诸葛亮如何指点江山吧！！！嗷呜嗷呜嗷呜~</span>
    <span id="textY">￥209即可获取秘籍</span>
  </div>

  <div class="center_box">
    <img src="../img/5.jpg" alt="">
    <span id="textO">且看我诸葛亮如何指点江山吧！！！嗷呜嗷呜嗷呜~</span>
      <span id="textY">￥209即可获取秘籍</span>
    </div>

    <div class="center_box">
      <img src="../img/6.jpg" alt="">
      <span id="textO">且看我诸葛亮如何指点江山吧！！！嗷呜嗷呜嗷呜~</span>
        <span id="textY">￥209即可获取秘籍</span>
      </div>
      <div class="center_box">
      <img src="../img/7.jpg" alt="">
      <span id="textO">且看我诸葛亮如何指点江山吧！！！嗷呜嗷呜嗷呜~</span>
      <span id="textY">￥209即可获取秘籍</span>
      </div>
      <div class="center_box">
      <img src="../img/8.jpg" alt="">
      <span id="textO">且看我诸葛亮如何指点江山吧！！！嗷呜嗷呜嗷呜~</span>
      <span id="textY">￥209即可获取秘籍</span>
      </div>
      <div class="center_box">
      <img src="../img/9.jpg" alt="">
      <span id="textO">且看我诸葛亮如何指点江山吧！！！嗷呜嗷呜嗷呜~</span>
        <span id="textY">￥209即可获取秘籍</span>
      </div>
      <div class="center_box">
      <img src="../img/10.jpg" alt="">
      <span id="textO">且看我诸葛亮如何指点江山吧！！！嗷呜嗷呜嗷呜~</span>
        <span id="textY">￥209即可获取秘籍</span>
      </div>
      <div class="center_box">
        <img src="../img/11.jpg" alt="">
        <span id="textO">且看我诸葛亮如何指点江山吧！！！嗷呜嗷呜嗷呜~</span>
          <span id="textY">￥209即可获取秘籍</span>
        </div>
      <div class="center_box">
        <img src="../img/12.jpg" alt="">
        <span id="textO">且看我诸葛亮如何指点江山吧！！！嗷呜嗷呜嗷呜~</span>
          <span id="textY">￥209即可获取秘籍</span>
        </div>
        <div class="center_box">
          <img src="../img/13.jpg" alt="">
          <span id="textO">且看我诸葛亮如何指点江山吧！！！嗷呜嗷呜嗷呜~</span>
            <span id="textY">￥209即可获取秘籍</span>
          </div>
        <div class="center_box">
          <img src="../img/14.jpg" alt="">
          <span id="textO">且看我诸葛亮如何指点江山吧！！！嗷呜嗷呜嗷呜~</span>
            <span id="textY">￥209即可获取秘籍</span>
          </div>
        <div class="center_box">
          <img src="../img/15.jpg" alt="">
          <span id="textO">且看我诸葛亮如何指点江山吧！！！嗷呜嗷呜嗷呜~</span>
            <span id="textY">￥209即可获取秘籍</span>
          </div>
          <div class="center_box">
            <img src="../img/16.jpg" alt="">
            <span id="textO">且看我诸葛亮如何指点江山吧！！！嗷呜嗷呜嗷呜~</span>
            <span id="textY">￥209即可获取秘籍</span>
          </div>
        <div class="center_box">
          <img src="../img/17.jpg" alt="">
          <span id="textO">且看我诸葛亮如何指点江山吧！！！嗷呜嗷呜嗷呜~</span>
            <span id="textY">￥209即可获取秘籍</span>
          </div>
          <div class="center_box">
        <img src="../img/18.jpg" alt="">
        <span id="textO">且看我诸葛亮如何指点江山吧！！！嗷呜嗷呜嗷呜~</span>
          <span id="textY">￥209即可获取秘籍</span>
        </div>

        <div class="center_box">
          <img src="../img/19.jpg" alt="">
          <span id="textO">且看我诸葛亮如何指点江山吧！！！嗷呜嗷呜嗷呜~</span>
            <span id="textY">￥209即可获取秘籍</span>
          </div>
          <div class="center_box">
            <img src="../img/20.jpg" alt="">
            <span id="textO">且看我诸葛亮如何指点江山吧！！！嗷呜嗷呜嗷呜~</span>
              <span id="textY">￥209即可获取秘籍</span>
            </div>
        <div class="center_box">
          <img src="../img/21.jpg" alt="">
          <span id="textO">且看我诸葛亮如何指点江山吧！！！嗷呜嗷呜嗷呜~</span>
            <span id="textY">￥209即可获取秘籍</span>
          </div>
          <div class="center_box">
            <img src="../img/22.jpg" alt="">
            <span id="textO">且看我诸葛亮如何指点江山吧！！！嗷呜嗷呜嗷呜~</span>
              <span id="textY">￥209即可获取秘籍</span>
            </div>
            <div class="center_box">
              <img src="../img/23.jpg" alt="">
              <span id="textO">且看我诸葛亮如何指点江山吧！！！嗷呜嗷呜嗷呜~</span>
                <span id="textY">￥209即可获取秘籍</span>
              </div>
        <div class="center_box">
          <img src="../img/24.jpg" alt="">
          <span id="textO">且看我诸葛亮如何指点江山吧！！！嗷呜嗷呜嗷呜~</span>
            <span id="textY">￥209即可获取秘籍</span>
          </div>
      <div class="center_box">
        <img src="../img/25.jpg" alt="">
        <span id="textO">且看我诸葛亮如何指点江山吧！！！嗷呜嗷呜嗷呜~</span>
          <span id="textY">￥209即可获取秘籍</span>
        </div>
        <div class="center_box">
          <img src="../img/26.jpg" alt="">
          <span id="textO">且看我诸葛亮如何指点江山吧！！！嗷呜嗷呜嗷呜~</span>
            <span id="textY">￥209即可获取秘籍</span>
          </div>
      <div class="center_box">
        <img src="../img/27.jpg" alt="">
        <span id="textO">且看我诸葛亮如何指点江山吧！！！嗷呜嗷呜嗷呜~</span>
          <span id="textY">￥209即可获取秘籍</span>
        </div>
        <div class="center_box">
          <img src="../img/28.jpg" alt="">
          <span id="textO">且看我诸葛亮如何指点江山吧！！！嗷呜嗷呜嗷呜~</span>
            <span id="textY">￥209即可获取秘籍</span>
          </div>
          <div class="center_box">
            <img src="../img/29.jpg" alt="">
            <span id="textO">且看我诸葛亮如何指点江山吧！！！嗷呜嗷呜嗷呜~</span>
              <span id="textY">￥209即可获取秘籍</span>
            </div>
            <div class="center_box">
              <img src="../img/30.jpg" alt="">
              <span id="textO">且看我诸葛亮如何指点江山吧！！！嗷呜嗷呜嗷呜~</span>
                <span id="textY">￥209即可获取秘籍</span>
              </div>
        <div class="center_box">
          <img src="../img/31.jpg" alt="">
          <span id="textO">且看我诸葛亮如何指点江山吧！！！嗷呜嗷呜嗷呜~</span>
            <span id="textY">￥209即可获取秘籍</span>
          </div>
          <div class="center_box">
            <img src="../img/32.jpg" alt="">
            <span id="textO">且看我诸葛亮如何指点江山吧！！！嗷呜嗷呜嗷呜~</span>
              <span id="textY">￥209即可获取秘籍</span>
            </div>
            <div class="center_box">
              <img src="../img/33.jpg" alt="">
              <span id="textO">且看我诸葛亮如何指点江山吧！！！嗷呜嗷呜嗷呜~</span>
                <span id="textY">￥209即可获取秘籍</span>
              </div>
      <div class="center_box">
        <img src="../img/34.jpg" alt="">
        <span id="textO">且看我诸葛亮如何指点江山吧！！！嗷呜嗷呜嗷呜~</span>
          <span id="textY">￥209即可获取秘籍</span>
        </div>
        <div class="center_box">
          <img src="../img/35.jpg" alt="">
          <span id="textO">且看我诸葛亮如何指点江山吧！！！嗷呜嗷呜嗷呜~</span>
            <span id="textY">￥209即可获取秘籍</span>
          </div>
          <div class="center_box">
            <img src="../img/36.jpg" alt="">
            <span id="textO">且看我诸葛亮如何指点江山吧！！！嗷呜嗷呜嗷呜~</span>
              <span id="textY">￥209即可获取秘籍</span>
            </div>
            <div class="center_box">
              <img src="../img/37.jpg" alt="">
              <span id="textO">且看我诸葛亮如何指点江山吧！！！嗷呜嗷呜嗷呜~</span>
                <span id="textY">￥209即可获取秘籍</span>
              </div>
              <div class="center_box">
                <img src="../img/38.jpg" alt="">
                <span id="textO">且看我诸葛亮如何指点江山吧！！！嗷呜嗷呜嗷呜~</span>
                  <span id="textY">￥209即可获取秘籍</span>
                </div>
                <div class="center_box">
                  <img src="../img/39.jpg" alt="">
                  <span id="textO">且看我诸葛亮如何指点江山吧！！！嗷呜嗷呜嗷呜~</span>
                    <span id="textY">￥209即可获取秘籍</span>
                  </div>
                  <div class="center_box">
                    <img src="../img/40.jpg" alt="">
                    <span id="textO">且看我诸葛亮如何指点江山吧！！！嗷呜嗷呜嗷呜~</span>
                      <span id="textY">￥209即可获取秘籍</span>
                    </div>
                    <div class="center_box">
                      <img src="../img/41.jpg" alt="">
                      <span id="textO">且看我诸葛亮如何指点江山吧！！！嗷呜嗷呜嗷呜~</span>
                        <span id="textY">￥209即可获取秘籍</span>
                      </div>
                      <div class="center_box">
                        <img src="../img/42.jpg" alt="">
                        <span id="textO">且看我诸葛亮如何指点江山吧！！！嗷呜嗷呜嗷呜~</span>
                          <span id="textY">￥209即可获取秘籍</span>
                        </div>
                </div>
</div>   
 </div>
</div>

        
      </div>
    </div>
    <!-- 聚美自己打广告信息 -->
    <div id="foot">
      <div class="foot-con">
        <div class="foot-center">
        <div class="foot-img">
          <img src="../img/02_03.jpg" alt="">
          <span class="foot-one">成功在美上市</span>
          <span  class="foot-two">股票代码NYSE:JMEI</span>
        </div>
        <div class="foot-img">
          <img src="../img/03_03.jpg" alt="">
          <span class="foot-one">品牌防伪码</span>
          <span  class="foot-two">支持品牌官网验真</span>
        </div>
        <div class="foot-img">
          <img src="../img//04_03.jpg" alt="">
          <span class="foot-one">百万用户口碑
          </span>
          <span  class="foot-two">帮你只选对的,不选贵的</span>
        </div>
        <div class="foot-img">
          <img src="../img//05_03.jpg" alt="">
          <span class="foot-one">订单闪电发货</span>
          <span  class="foot-two">1.5小时订单急速出库</span>
        </div>
        <div class="foot-img">
          <img src="../img//06_03.jpg" alt="">
          <span class="foot-one">大牌明星热荐</span>
          <span  class="foot-two">打造精致明星脸</span>
        </div>
   
    </div>
        <!-- 底部中间位置 -->
        <div class="footText">
          <div id="Test1" style="font-weight: 700;">
            服务保障
            <li>品牌真品防伪码</li>
            <li>专属客服服务</li>
            <li>总裁ceo@jumei.com</li>
          </div>
          <div id="Test1" style="font-weight: 700;">使用帮助
            <li>新手指南</li>
            <li>常见问题</li>
            <li>帮助中心</li>
            <li>用户协议</li>
            <li>公示制度</li>
            <li>聚美隐私权政策</li>
            <li>个人信息管理规则</li>
            <li>意见反馈及投诉举报规则</li>
            <li>知识产权维权处理规则</li>
            <li>评价管理规则</li>
          </div>
          <div id="Test1" style="font-weight: 700;">支付方式
            <li>货到付款</li>
            <li>在线支付</li>
            <li>余额支付</li>
            <li>现金券支付</li>
          </div>
          <div id="Test1" style="font-weight: 700;">配送方式
            <li>包邮政策</li>
            <li>配送说明</li>
            <li>运费说明</li>
            <li>验货签收</li>
          </div>
          <div id="Test1" style="font-weight: 700;">售后服务
            <li>正品承诺</li>
            <li>售后咨询</li>
            <li>退货政策</li>
            <li>退货办理</li>
          </div>
          <div id="Test1" style="font-weight: 700;">手机聚美
           <img src="../img/qq_er.png" alt="">
           <li>下载客户移动端</li>
          </div>
          <div id="Test1" style="font-weight: 700;">聚美微信
            <img src="../img/qq_er.png" alt="">
            <li>聚美官方微信</li>
          </div>
        </div>
  </div>
  <div id="picture">
    <img src="../img/footer_dy.jpg" alt="">
  </div>
    </div>
  </div>
    <!-- 底部栏 -->
    <div id="foo">
      <div class="foo-con">
        <a href="">关于聚美优品</a>
        <a href="">INVESTOR RELATIONS</a>
        <a href="">合作招商</a>
        <a href="">媒体报道</a>
        <a href="">获取更新</a>
        <a href="">加入聚美</a>
        <a href="">品牌合作专区</a>
        <a href="">商务合作</a>
      </div>
    </div>
    <!-- 最后一部分 -->
    <div id="copyF">
      <div class="copyF-con">
        <div>
        <p>COPYRIGHT@2010-2019北京创锐文化传媒有限公司JUMEI.COM保留一切权利。客服热线:400-011-0888</p>
        <span>京公网安备1001020126|</span>
        <a href="" id="Test2">京CP证111033号|</a>
        <a href="" id="Test2">食品经营许可证|</a>
        <a href="" id="Test2">营业执照|</a>
        <a href="" id="Test2">ICF许可证|</a>
        <a href="" id="Test2">出版物经营许可证|</a>
        <a href="" id="Test2">第二类医疗器械经营备案凭证|</a>
        <a href="" id="Test2">网络食最交易篑三方平台提供者备案信息表|</a>
        <a href="" id="Test2">增值电信业务经昔许可</a>
      </div>
          <div class="Imgi">
            <i></i>
            <i></i>
            <i></i>
            <i></i>
            <i></i>
          </div>
    </div>
<!-- 左边侧栏 -->
<div id="main-left" class="main-left1 main-left2" style="height: 186px; ">
<div class="nav-border">
  <div class="jumei_">
    聚美<br>优品
  </div>
  <ul class="mainLft">
    <li class="mainLft1">
      <a href="http://bj.jumei.com/#mustsee">
        <span class="T1">每日必看</span>
      </a>
    </li>
    <li id="mainLft2">
      <a href="http://bj.jumei.com/#mustsee" class="act">
        <span>上新单品</span></a>
    </li>
  </ul>
</div>
</div>
<!-- 左边侧栏结束 -->
<!-- 回到顶部 -->

<!-- 侧边栏 -->
<div id="bodyR">

<div class="oneI">
  <i></i>
</div>
<div class="twoI">
  <i></i>
  <span class="spanT">购物车</span>
  <span class="spanN">0</span>
</div>
<div class="treeI">
  <i></i>
</div>
<div class="fourI">
  <i></i>
</div>
<div class="fiveI">
  <i></i>
</div>
<div class="sixI">
  <i></i>
</div>
<div id="Gtop">
  <p>☝</p>
  <p>&nbsp</p>
  <p>Top</p>
</div>
</div>

  </body>
</html>
<script src="../js/jquery-1.12.4.min.js"></script>
<script src="../lib/swiper-min.js"></script>
<script src="../js/home.js"></script>
